<div ng-controller="OrderNewController as vm">
  <h1 class="page-title">发布运单</h1>
  <div class="well">
    <form class="form-horizontal" ng-submit="vm.createOrder()">
      <div class="span6">
        <div class="control-group" ng-show="vm.userRole=='admin'">
          <label class="control-label">*选择企业会员</label>
          <div class="controls">
            <select class="input-large" ng-model="formData.shipperId" ng-options="o.id as o.enterpriseName for o in shippers">
              <option value="">-- 请选择 --</option>
            </select>
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Text input-->
          <label class="control-label" for="input01">运单号</label>
          <div class="controls">
            <input type="text" value="" readonly class="input-large">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">*发货号</label>
          <div class="controls">
            <input type="text" ng-model="formData.dispatchId" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Select Basic -->
          <label class="control-label">*始发城市</label>
          <div class="controls">           
            <select class="form-control" ng-model="provinceFrom" ng-options="o.name as o.name for o in provinces" ng-change="selectChangeFrom(provinceFrom)">
            <option value="">省</option>
        </select>
            <select class="form-control" ng-model="cityFrom" ng-options="o.name as o.name for o in citysFrom">
                <option value="">市</option>
            </select>
            <!-- <input type="text" ng-model="formData.fromCity" class="input-large search-query"> -->
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">*始发地址</label>
          <div class="controls">
            <textarea rows="2" ng-model="formData.addressFrom"></textarea>
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Select Basic -->
          <label class="control-label">*到达城市</label>
          <div class="controls">
            <select class="form-control" ng-model="provinceTo" ng-options="o.name as o.name for o in provinces" ng-change="selectChangeTo(provinceTo)">
            <option value="">省</option>
        </select>
            <select class="form-control" ng-model="cityTo" ng-options="o.name as o.name for o in citysTo">
                <option value="">市</option>
            </select>
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">*到达地址</label>
          <div class="controls">
            <textarea rows="2" ng-model="formData.addressTo"></textarea>
            <p class="help-block"></p>
          </div>
        </div>
         <div class="control-group">
          <!-- Text input-->
          <label class="control-label" for="input01">*货物名称</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.cargoName" class="input-large">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Text input-->
          <label class="control-label" for="input01">*货物数量</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.cargoCount" class="input-large">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Text input-->
          <label class="control-label" for="input01">*需求车型</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.requiredVehicleModel" class="input-large">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Text input-->
          <label class="control-label" for="input01">*计重重量</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.weight" class="input-large"> 吨
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Text input-->
          <label class="control-label" for="input01">*计重体积</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.volumn" class="input-large"> 立方米
            <p class="help-block"></p>
          </div>
        </div>
      </div>
      <div class="span6">
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">*收货人</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.receiverName" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">*收货人手机</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.receiverMobile" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">*收货人纳税识别号</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.receiverTaxerId" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">*收货人开户行</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.receiverBankName" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">*收货人银行帐号</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.receiverBankId" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">*收货人注册地址</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.receiverRegisteredAddress" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
       
        <div class="control-group">
          <!-- Text input-->
          <label class="control-label" for="input01">*运费费用</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.price" class="input-large"> 元
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Text input-->
          <label class="control-label" for="input01">*支付方式</label>
          <div class="controls">
            <select class="input-large" ng-model="formData.payment" ng-options="o for o in payment">
              <option value="">-- 请选择 --</option>
            </select>
            <!-- <input type="text" placeholder="" ng-model="formData.payment" class="input-large"> -->
            <p class="help-block"></p>
          </div>
        </div>
        
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">其他要求</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.otherRequirement" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">备用1</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.reserved1" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">备用2</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.reserved2" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group">
          <!-- Search input-->
          <label class="control-label">备用3</label>
          <div class="controls">
            <input type="text" placeholder="" ng-model="formData.reserved3" class="input-large search-query">
            <p class="help-block"></p>
          </div>
        </div>
      </div>
      <div class="control-group">
        <div class="controls">
          <button class="btn btn-primary" ><i class="icon-save"></i> 保存并发布</button>
        </div>
      </div>
      
    </form>
  </div>
</div>